<template>
  <div class="no-data">
    <img class="img" src="@/assets/images/situation-report/img-empty.png" />
    <p class="text">{{ text || '暂无数据' }}</p>
  </div>
</template>

<script setup>
defineProps({
  text: {
    default: '',
    type: String
  }
})
</script>

<style lang="less" scoped>
.no-data {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  .img {
    width: 250px;
    height: 250px;
  }

  .text {
    margin: 0;
    text-align: center;
    white-space: pre-wrap;
    font-size: 20px;
    color: rgb(4 11 26 / 0.25);
  }
}
</style>
